<template>
  <div>
    <!-- 分了三个部分，左、中、右 -->
    <el-row>
      <!-- 左 -->
      <el-col :span="8">
        <h2 style="margin: 10px 0;color:#ccc">诚諵科技有限责任公司主办</h2>
        <img src="../../assets/frontdesk/images/logo1.png" alt="" />
      </el-col>
      <!-- 中 -->
      <el-col :span="8">
        <img
          src="../../assets/frontdesk/images/ad.png"
          alt=""
          style="height: 100%; width: 100%"
        />
      </el-col>
      <!-- 右 -->
      <el-col :span="8">
        <div style="margin:60px 10%;width:80%;">
          <el-input
            placeholder="请输入内容"
            v-model="input"
            class="input-with-select"
          >
            <el-select v-model="select" slot="prepend" placeholder="请选择">
              <el-option label="餐厅名" value="1"></el-option>
              <el-option label="订单号" value="2"></el-option>
              <el-option label="用户电话" value="3"></el-option>
            </el-select>
            <el-button slot="append" icon="el-icon-search"></el-button>
          </el-input>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      url: "../../assets/frontdesk/images/logo.png",
      input:"",//搜索关键字
      select:""//搜索选项
    };
  },
};
</script>

<style scoped>
* {
  margin: 0%;
  padding: 0%;
}
.el-row {
  height: 160px !important;
}
.el-col {
  height: 100%;
}
</style>